$(window).on('scroll',function(){
    if(checkScroll()){
        $.ajax({
            url:'./img.json',
            context:document.body,
            success:function(response){
                var data=response.data;
                $.each(data,function(index,value){
                    /*jquery支持连缀，隐式迭代*/
                    var oboxs=$('<div>').addClass('box').appendTo($('#main'));
                    var opics=$('<div>').addClass('pic').appendTo($(oboxs));
                    /*js原生对象转换成jquery对象,attr('获取属性’,'设置属性')*/
                    $('<img>').attr('src', $(value).attr('imgUrl')).appendTo($(opics));

                })
            }
        })
    }
})
function checkScroll() {
    /*获取最后一张图片*/
    var oElement=$('#main>div').last();
    /*获取最后一张图片图片的高度一半*/
    var lastBox=oElement.offset().top+Math.floor(oElement.outerHeight()/2);
    /*滚动条滚走的距离*/
    var scrollTop=$(window).scrollTop();
    /*浏览器的高度*/
    var documentH=$(window).height();
    return (lastBox<scrollTop+documentH)?true:false;
}


